$(function(){
    $('.consultaCargando').css('display','none');
    $('.consultaCargandoImg').css('display','block');
    listEdificios();
    listCategoriasExtincion();
});


var offset = 0;
var tam = 0;
var limit = $('#limit').val(5).val();

$('#limit').change(function(){
    limit = $('#limit :selected').val();
    offset = 0;
    consultarExtintor();
});

function listCategoriasExtincion(){
    $('#categoriasExt').html("");
    $.ajax({
        url: "listaCategoriasExtincion.do",
        type: "GET",
        dataType: 'json',
        success: function(data) {
            $.each(data.categorias, function(i,item){
                string = "<option value='"+item+"' >"+item+"</option>";
                $('#categoriasExt').prepend(string);
            });
            $('#categoriasExt').prepend("<option value='' selected>Cualquiera</option>")
        }
    });
    $('.consultaCargandoImg').css('display','none');
    $('.consultaCargando').css('display','block');
}
function getTiposExtincion(categoria){
    $('#tiposExt').html("");
    $.ajax({
        url: "listaTiposExtincion.do",
        type: "GET",
        data: {
            'categoria': categoria
        },
        dataType: 'json',
        success: function(data) {
            $.each(data.tipos, function(i,item){
                string = "<option value='"+item+"' >"+item+"</option>";
                $('#tiposExt').prepend(string);
            });
            $('#tiposExt').prepend("<option value='' selected>Cualquiera</option>")
        }
    });
}
function consultarExtintor(){
    $.ajax({
        url: "consultarExtintorAction.do",
        type: "POST",
        data: {
            categoria: $('#categoriasExt :selected').val(),
            tipo: $('#tiposExt :selected').val(),
            status: $('#statusExt :selected').val(),
            referencia: $('#referenciaExt').val(),
            limit: limit,
            offset: offset
        },
        dataType: 'json',
        success: processConsultarExtintor
    });
    return false;
}

function processConsultarExtintor(answer){
    $('#resultBody').empty();
    if(answer.status == 'ok'){
        tam = answer.consultarExtintor[0].tam;
        $.each(answer.consultarExtintor, function(index,value){
            action = "cargarPlanoExtintor('"+value.nombre_edificio+"','"+value.id_piso+"','"+value.categoria+"')";
            tr = $("<tr class='extintorItem' onclick=\""+action+"\">");
            tr.append("<td>"+value.id_nro_bien+"</td>");
            tr.append("<td>"+value.categoria+"</td>");
            tr.append("<td>"+value.tipo+"</td>");
            tr.append("<td>"+value.status+"</td>");
            piso = (value.id_piso == 0 ? 'PB' : 'P'+value.id_piso);
            tr.append("<td>"+piso+" "+value.nombre_edificio+" ("+value.sede+")</td>");
            tr.append("<td>"+value.referencia+"</td>");
            $('#resultBody').append(tr);
        });
        $('#resultMsg').html("");
        $('#resultBody tr:odd').css('background', '#ccc2c6');
        $('#resultBody tr:even').css('background', '#fff');
        $('#resultData').removeClass('oculta').addClass('muestra');
        $("#currentpage").html((offset/limit)+1);
        $("#pagelimit").html(Math.floor((tam-1)/limit)+1)
    } else {
        $('#resultMsg').html("No hay resultados");
        $('#resultData').removeClass('muestra').addClass('oculta');
    }
}

function cargarPlanoExtintor(edificio,piso,categoria){
    loadPlanoExtintores(edificio, piso, categoria,false);
    setModificable(false);
    setMultiple(true);
}

function setOffset(i, completo){
    newOffset = offset;
    if(i==-1){
        if(completo) newOffset = 0;
        else if(offset-limit >= 0) newOffset -= limit;
        else newOffset = 0;
    } else {
        if(completo) newOffset = Math.floor((tam-1)/limit)*limit
        else if(offset < tam-limit) newOffset += limit;
    }
    if(newOffset!=offset){
        offset = newOffset;
        consultarExtintor();
    }
}
